<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		/* 后代选择 */
		.div1 p {
			color: red;
		}
		.div2 p {
			text-decoration: underline;
		}
		h2,p {
			color: greenyellow;
		}
		/* 交集选择器 */
		p.gray{
			text-decoration: underline;
		}
		.gray{
			color: gray;
		}</style>
		
	</head>
	<body>
		<div class="div1">
			<p>阿巴阿巴阿巴</p>
			<ol>
				<li><p>yayaya</p></li>
				<li>hahahaha</li>
			</ol>
		</div>
		<div class="div2">
			<ul>
				<li><p>yeyeyeye</p></li>
				<li>hahahaha</li>
			</ul>
		</div>
	</body>
	<body>
		<h2>hei!</h2>
		<p>a?</p>
		<h2>aha!</h2>
		<p>ze</p>
	</body>
	<body>
		<p>aiaiaiaiaiaiaiai</p>
		<p class="gray">gagagagagagaga</p>
	</body>
</html>
